// SCSS变量定义

// 颜色变量
$primary-color: #2b74ff;
$primary-light: #589DFA;
$primary-gradient: linear-gradient(135deg, rgba(24, 114, 249, 1), rgba(51, 146, 255, 0.8));

$text-gray: #525A66;
$text-dark: #152031;

$bg-white: rgba(255, 255, 255, 0.9);
$bg-white-hover: rgba(255, 255, 255, 0.6);
$bg-mental: rgba(209, 226, 235, 0.7);

// 尺寸变量
$border-radius-sm: 4px;
$border-radius-md: 6px;
$border-radius-lg: 8px;

$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
$shadow-md: 0px 4px 12px 0px rgba(21, 32, 49, 0.12);
$shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);

// 过渡动画
$transition-fast: all 0.2s ease;
$transition-normal: all 0.3s ease;
$transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

// 字体
$font-family-yahei: 微软雅黑;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 24px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
